<template>
  <div class="content">
    <main-tab-bar :newindex="newindex"></main-tab-bar>
    <setting-menu></setting-menu>
    <profile-top class="profile-top"></profile-top>
    <my-music></my-music>
    <my-info></my-info>
  </div>
</template>

<script>
  import MainTabBar from "../../components/content/maintabbar/MainTabBar";
  import MyInfo from "./ChildProfile/MyInfo";
  import MyMusic from "./ChildProfile/MyMusic";
  import ProfileTop from "./ChildProfile/ProfileTop";
  import SettingMenu from "../../components/content/settingmenu/SettingMenu";
    export default {
        name: "Profile",
        components:{
            MainTabBar,
            MyInfo,
            MyMusic,
            ProfileTop,
            SettingMenu
        },
        data(){
          return{
              newindex:0,
          }
        },
    }
</script>

<style scoped>
  .content{
    width: 100%;
  }
  .profile-top{
    margin-top: 44px;
  }
</style>